<template>
<div>
  <div class="person-center-avatarHolder">
    <img src="https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png" alt>
    <div class="person-center-name">Serati Ma</div>
    <div>海纳百川，有容乃大</div>
  </div>
  <div class="person-center-user-detail">
    <p>
      <i class="iconfont g2-icon-crown"></i>
      交互专家
    </p>
    <p>
      <i class="iconfont g2-icon-crown"></i>
      蚂蚁金服－某某某事业群－某某平台部－某某技术部－UED
    </p>
    <p>
      <i class="iconfont g2-icon-crown"></i>
      浙江省杭州市
    </p>
  </div>
</div>
</template>

<script>
export default {
  name: "PersonCenterUserInfo",
  props: {},
  components: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {}
};
</script>

<style scoped lang="scss">
.person-center-avatarHolder {
  text-align: center;
  margin-bottom: 24px;
  img {
    width: 104px;
    height: 104px;
    margin-bottom: 20px;
  }
  .person-center-name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 4px;
  }

}
</style>
